@charset "UTF-8";
*{-moz-box-sizing:border-box;box-sizing:border-box;}
html,body{ position:relative; height:100%;-webkit-tap-highlight-color: transparent; overflow-x:hidden; overflow:hidden;}
body{padding:0px ;margin:0; font-size:12px; background:#fff; position:relative; overflow-x:hidden; font-family: "SOURCEHANSANSCN-REGULAR_1"; font-weight:normal;}
a,p,dl,dt,dd,ul,li,h2,h1,h3,h4,h5,h6,table,tr,td,form,iframe,font,em,i{font-size:16px;word-break: normal;word-wrap: break-word;font-weight: normal;  font-style:normal; padding:0px ;margin:0;text-decoration:none;outline:none;-moz-outline:none; font-family: "SOURCEHANSANSCN-REGULAR_1";}
a:focus{outline-style:none; -moz-outline-style: none;}
a:hover{ text-decoration:none;}
p{word-break: normal;word-wrap: break-word; }
img{ border:none;max-width:100%;}
li{ list-style:none; text-decoration:none;}
input {outline: none;text-decoration:none;-ms-outline:none; }
textarea {outline: none;text-decoration:none;}
select{outline: none;text-decoration:none;}
/*input:focus{ border:1px solid #9c9f58;}*/
select:focus{ border:none;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}	
a{text-decoration:none;}
button {
	margin:0;
	padding:0;
	color:inherit;
	font-family:inherit;
	font-size:inherit;
	background:0 0;
	border:none;
	border-radius:none;
	box-shadow:none;
	/*-webkit-appearance:none;*/
	-moz-appearance:none;
	appearance:none;
	outline:0;
	cursor:pointer
}

html::-webkit-scrollbar-track{background-color: #000;}
html::-webkit-scrollbar{width: 5px;background-color:#000;}
html::-webkit-scrollbar-thumb{background-color: #1a4463;border: 2px solid #1a4463;}





a:hover,a:focus,a:link,a:visited,a:active { text-decoration: none;}


.input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #4c4c4c;font-size:0.73vw;line-height:1.25vw; 

} 
.input::-moz-placeholder, textarea::-moz-input-placeholder { 
color: #4c4c4c; font-size:0.73vw;line-height:1.25vw;
} 

.input::-ms-input-placeholder, textarea::-ms-input-placeholder { 
color: #4c4c4c; font-size:0.73vw;line-height:1.25vw;
} 


@keyframes shake1 {
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes shake2 {
  0%, 100% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-webkit-keyframes spin {
                from {
                    -webkit-transform: rotate(0deg);
                }
                to {
                    -webkit-transform: rotate(360deg);
                }
            }
            
            @keyframes spin {
                from {
                    transform: rotate(0deg);
                }
                to {
                    transform: rotate(360deg);
                }
            }

 @keyframes whirl {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }